<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Color theme for statusbar -->
<meta name="theme-color" content="#ff9800">
<!-- Your app title -->
<title>My App</title>
<!-- Path to Framework7 Library CSS, Material Theme -->
<link rel="stylesheet" href="dist/css/framework7.material.min.css">
<!-- Path to Framework7 color related styles, Material Theme -->
<link rel="stylesheet" href="dist/css/framework7.material.colors.min.css">
<!-- Path to your custom app styles-->
<link rel="stylesheet" href="main.css">
</head>
<body class=" theme-orange">
<!-- Views -->
<div class="views tabs">
  <!-- Your main view, should have "view-main" class -->
  <div id="tab1" class="view view-main tab active">
    <!-- Pages container, because we use fixed navbar and toolbar, it has additional appropriate classes-->
    <div class="pages navbar-fixed">
      <!-- Page, "data-page" contains page name -->
      <div data-page="index_1" class="page">

        <!-- Top Navbar. In Material theme it should be inside of the page-->
        <div class="navbar theme-orange">
          <div class="navbar-inner">
            <div class="center">优石</div>
          </div>
        </div>
<div class="toolbar toolbar-bottom tabbar tabbar-labels">
  <div class="toolbar-inner">
    <a href="#tab1" class="tab-link active">
    <i class="icon icon-bars "></i>
    <span class="tabbar-label">首页</span>
    </a>
    <a href="#tab2" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">产品</span>
    </a>
    <a href="#tab3" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">企业</span>
    </a>
    <a href="#tab4" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">咨询</span>
    </a>
    <a href="#tab5" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">我</span>
    </a>
  </div>
</div>
        
        <!-- Scrollable page content -->
<div class="page-content"> 
<div class="swiper-container swiper-container-horizontal">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide-active" >
        <span> <a href="index1_first.html"><img src="img/1.jpg" alt="tu1"></a></span>
        </div>
        <div class="swiper-slide swiper-slide-next" >
        <span><a href="index1_detail1.html"><img src="img/2.jpg" alt="tu2"></a></span>s
        </div>
        <div class="swiper-slide" >
        <span>
             <div class="row">
                  <div class="col-100" ><a href=""><img height=100px; src="img/5.jpg" alt="tu5"></a></div>
             </div> 
              <div class="row">
                    <div class="col-50"><a href=""><img height=80px; src="img/6.jpg" alt="tu6"></a></div>
                    <div class="col-50"><a href=""><img height=80px; src="img/7.jpg" alt="tu7"></a></div>
              </div>
              <div class="row">
                    <div class="col-50"><a href=""><img height=80px; src="img/8.png" alt="tu8"></a></div>
                    <div class="col-50"><a href=""><img height=80px; src="img/9.jpg" alt="tu9"></a></div>
              </div>
              <div class="row">
                    <div class="col-50"><a href=""><img height=80px; src="img/10.jpg" alt="tu10"></a></div>
                    <div class="col-50"><a href=""><img height=80px; src="img/11.jpg" alt="tu11"></a></div>
               </div>
        </span>
        </div>
        <div class="swiper-slide">
        <span><img src="img/4.jpg" alt="tu4"></span>
        </div>
      </div>
    <div class="swiper-pagination swiper-pagination-bullets">
    <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
    <span class="swiper-pagination-bullet"></span>
    <span class="swiper-pagination-bullet"></span>
    <span class="swiper-pagination-bullet"></span>
    </div>
</div>
</div>
      </div>
    </div>
  </div>
<div id="tab2" class="view view-main tab">
    <!-- Pages container, because we use fixed navbar and toolbar, it has additional appropriate classes-->
  <div class="pages navbar-fixed toolbar-fixed">
      <!-- Page, "data-page" contains page name -->
  <div data-page="index2" class="page">

<!-- Top Navbar. In Material theme it should be inside of the page-->
<div class="navbar theme-orange">
  <div class="navbar-inner">
    <div class="left">产品</div>
    <div class="center">
      <form class="searchbar">
        <div class="searchbar-input">
            <input type="search" placeholder="搜索产品">
            <a href="#" class="searchbar-clear"></a>
        </div>
            <a href="#" class="searchbar-cancel">Cancel</a>
    </form>
    </div>
  </div>
</div>

<div class="toolbar toolbar-bottom tabbar tabbar-labels">
  <div class="toolbar-inner">
    <a href="#tab1" class="tab-link">
    <i class="icon icon-bars "></i>
    <span class="tabbar-label">首页</span>
    </a>
    <a href="#tab2" class="tab-link active">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">产品</span>
    </a>
    <a href="#tab3" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">企业</span>
    </a>
    <a href="#tab4" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">咨询</span>
    </a>
    <a href="#tab5" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">我</span>
    </a>
  </div>
</div>

       <!-- Scrollable page content -->
<div class="page-content"> 
  <div class="row">
  	<div class="col-50" id="stone">
  		<a href="#" class="block_a" onclick="clickList()">大理石 <i class="icon"></i></a>
  		<div class="click_list" id="c1">
  			<ul>
  				<li><a href="#">花岗岩</a></li>
  				<li><a href="#">人造石</a></li>
  				<li><a href="#">玉石及宝石</a></li>
  				<li><a href="#">文化石</a></li>
  				<li><a href="#">砂岩</a></li>
  			</ul>
  		</div>
  	</div>
  	<div class="col-50" id="stone_color">
  		<a href="#" class="block_a">全部颜色</a>
  		<div class="click_list" id="c2">
  			<ul>
  				<li><a href="#">推荐</a></li>
  				<li><a href="#">红色</a></li>
  				<li><a href="#">灰色</a></li>
  				<li><a href="#">白色</a></li>
  				<li><a href="#">金黄色</a></li>
  			</ul>
  		</div>
  	</div>
  </div> 	
  <div class="row index2">
    <div class="col-50"><a href="#"><img src="img/index2.png" alt="tu"></a></div>
    <div class="col-50"><a href="#"><img src="img/index2.png" alt="tu"></a></div>
    <div class="col-50"><a href="#"><img src="img/index2.png" alt="tu"></a></div>
    <div class="col-50"><a href="#"><img src="img/index2.png" alt="tu"></a></div>
    <div class="col-50"><a href="#"><img src="img/index2.png" alt="tu"></a></div>
    <div class="col-50"><a href="#"><img src="img/index2.png" alt="tu"></a></div>
  </div>
</div>

</div>
</div>
</div>

<div id="tab3" class="view view-main tab">
    <!-- Pages container, because we use fixed navbar and toolbar, it has additional appropriate classes-->
  <div class="pages navbar-fixed toolbar-fixed">
      <!-- Page, "data-page" contains page name -->
  <div data-page="index3" class="page">

<!-- Top Navbar. In Material theme it should be inside of the page-->
<div class="navbar">
  <div class="navbar-inner">
    <div class="left">企业</div>
    <div class="center">
      <form class="searchbar">
        <div class="searchbar-input">
            <input type="search" placeholder="搜索企业">
            <a href="#" class="searchbar-clear"></a>
        </div>
            <a href="#" class="searchbar-cancel">Cancel</a>
    </form>
    </div>
  </div>
</div>

        <!-- Bottom Toolbar. In Material theme it should be inside of the page-->
<div class="toolbar toolbar-bottom tabbar tabbar-labels">
  <div class="toolbar-inner">
    <a href="#tab1" class="tab-link active">
    <i class="icon icon-bars "></i>
    <span class="tabbar-label">首页</span>
    </a>
    <a href="#tab2" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">产品</span>
    </a>
    <a href="#tab3" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">企业</span>
    </a>
    <a href="#tab4" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">咨询</span>
    </a>
    <a href="#tab5" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">我</span>
    </a>
  </div>
</div>

        <!-- Scrollable page content -->
<div class="page-content" id="index3_content"> 
  <img src="img/index3_top.png" alt="top">
  <div class="container">
	<div class="minline">
		<a class="sqa_1 sqa" herf="index3_detail1.html">大理石</a>
		<a class="sqa_4 sqa" herf="index3_detail1.html">大理石</a>
	</div>
	<div class="minline">
		<a class="sqa_2 sqa" herf="index3_detail1.html">大理石</a>
		<a class="sqa_3 sqa" herf="index3_detail1.html">大理石</a>
	</div>
	<a class="sqa_5 sqa" herf="index3_detail1.html">大理石</a>
	<a class="sqa_6 sqa" herf="index3_detail1.html">大理石</a>
	<a class="sqa_7 sqa" herf="index3_detail1.html">大理石</a>
	<a class="sqa_8 sqa"herf="index3_detail1.html">大理石</a>
  </div>
</div>

</div>
</div>
</div>

<div id="tab4" class="view view-main tab">
    <!-- Pages container, because we use fixed navbar and toolbar, it has additional appropriate classes-->
  <div class="pages navbar-fixed toolbar-fixed">
      <!-- Page, "data-page" contains page name -->
  <div data-page="index2" class="page">

<!-- Top Navbar. In Material theme it should be inside of the page-->
<div class="navbar theme-orange">
  <div class="navbar-inner">
    <div class="left">咨询</div>
    <div class="center">
      <form class="searchbar">
        <div class="searchbar-input">
            <input type="search" placeholder="搜索资讯">
            <a href="#" class="searchbar-clear"></a>
        </div>
            <a href="#" class="searchbar-cancel">Cancel</a>
    </form>
    </div>
    <div class="right"><a href="#" class="button">发布资讯</a></div>
  </div>
</div>

<div class="toolbar toolbar-bottom tabbar tabbar-labels">
  <div class="toolbar-inner">
    <a href="#tab1" class="tab-link">
    <i class="icon icon-bars "></i>
    <span class="tabbar-label">首页</span>
    </a>
    <a href="#tab2" class="tab-link active">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">产品</span>
    </a>
    <a href="#tab3" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">企业</span>
    </a>
    <a href="#tab4" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">咨询</span>
    </a>
    <a href="#tab5" class="tab-link">
    <i class="icon icon-bars"></i>
    <span class="tabbar-label">我</span>
    </a>
  </div>
</div>

       <!-- Scrollable page content -->
<div class="page-content"> 
<div class="list-block media-list">
  <ul>
    <li>
      <a href="#" class="item-link item-content">
        <div class="item-media"><img src="..." width="80"></div>
        <div class="item-inner">
        <div class="item-title">泉州市愚公建材有限公司</div>
          <div class="item-text">
				【独家希腊灰】，金蜘蛛，意大利黑花，雅【独家希腊灰】，金蜘蛛，意大利黑花，雅
				<p>距离：641.78km</p>
          </div>

        </div>
      </a>
    </li>
    <li>
      <a href="#" class="item-link item-content">
        <div class="item-media"><img src="..." width="80"></div>
        <div class="item-inner">
        <div class="item-title">铠豪大理石</div>
          <div class="item-text">
			   白玉兰
         <p>距离：640.47km</p>
          </div>
        </div>
      </a>
    </li>
    <li>
      <a href="#" class="item-link item-content">
        <div class="item-media"><img src="..." width="80"></div>
        <div class="item-inner">
        <div class="item-title">铠豪大理石</div>
          <!-- <div class="item-title-row">
            
            <div class="item-after">$15</div>
          </div> -->

          <!-- <div class="item-subtitle">朱丽娜<span style="float: right;">2016</span></div> -->
          <div class="item-text">
         白玉兰
         <p>距离：640.47km</p>
          </div>
        </div>
      </a>
    </li>
  </ul>
</div>
</div>

</div>
</div>
</div>

<!-- Bottom Toolbar. In Material theme it should be inside of the page-->


</div>
<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="dist/js/framework7.min.js"></script>
<!-- Path to your app js-->
<script type="text/javascript" src="main.js"></script>
</body>
</html> 